<template>
<div id="girl">
  <div  v-viewer>
    <img v-for="girl in girls" :key="girl" :src="girl">
  </div>
<!--  <img v-for="girl in girls" :src="girl" :key="girl" v-viewer>-->

</div>
</template>

<script>
  import g1 from "@/assets/girl/028.jpg";
  import g2 from "@/assets/girl/029.jpg";
  import g3 from "@/assets/girl/035.jpg";
  import g4 from "@/assets/girl/060.jpg";
    export default {
        name: "girl",
        data(){
          return{
            girls:[
              g1,g2,g3,g4
            ]
          }
        }
    }
</script>

<style scoped>
#girl{
  text-align: center;
}
  #girl img{
    width: 400px;
    margin: 10px 20px;
    border-radius: 10px;
  }
</style>
